// 获取到浏览器顶部的距离的函数
function getTop(obj) {
	return obj.offsetTop;
}

// 懒加载函数
function lazyload(imgs) {
	// 可视区域高度
	var Visible_h = window.innerHeight;
	//滚动区域高度
	var Scroll_H = document.documentElement.scrollTop || document.body.scrollTop;
	for (let num = 0; num < imgs.length; num++) {
		//图片距离顶部的距离大于可视区域和滚动区域之和时懒加载（即不加载真正的图片）
		if ((Visible_h + Scroll_H) > getTop(imgs[num])) {
			//创建一个图片对象，将加载图片的路径赋予他，使用图片对象的onload方法使完成加载图片以后再给每张图片赋予真实的路径
			var temp = new Image();
			//获取真实图片的路径
			temp.src = imgs[num].getAttribute('data-src');
			// onload判断图片加载完毕，真实图片加载完毕，再赋值给dom节点
			temp.onload = function () {
				// 获取自定义属性data-src，用真实图片替换加载图片
				imgs[num].src = imgs[num].getAttribute('data-src')
			
			}
		}
	}
}
